#home {
    overflow: hidden;
      // 头部样式
      .home-header {
        width: 100%;
        height: 60px;
        background-color: #202329;
        display: flex;
        justify-content: center;
  
        &-box {
          display: flex;
          justify-content: space-between;
          width: 1200px;
  
          .header-logo{
            height: 60px;
          }
          .header-tab2{
            width: 170px;
            display: flex;
            justify-content: space-between;
          }
          .header-tab3{
            width: 150px;
            display: flex;
            justify-content: space-between;
          }
          .tabbar{
            text-decoration: none;
            color: white;
            line-height: 60px;
          }
          .tabbar:hover{
            color: #5dd5c8;
          }
          .go-button {
            margin: 10px 0 0 0;
            display: flex;
          
            ::v-deep .register-go,
            .login-go {
              color: white;
              border-radius: 20px 20px 20px 20px;
              background-color: rgba(14, 7, 7, 0.884);
              border-color: aqua;
              font-size: 16px;
              height: 40px;
            }
            ::v-deep .go-item:hover {
              color: aqua;
            }
  
            ::v-deep .el-dropdown{
              color:white;
              font-size: 17px;
              margin-top: 9px;
            }
  
            ::v-deep .el-icon-arrow-down:hover{
              color: #5dd5c8;
            }
           
          }
        }  
      }
      // 中间内容
      .home-content{
        background-color: rgb(247, 247, 247);
        padding-bottom: 30px;
  
        .big-logo{
          background-color: #5dd5c8;
          width: 100%;
          height: 120px;
          overflow: hidden;
  
          .logo-photo{
           margin-left: 700px;
          }
        }
  
        // 搜索框
        .searchBtn{
          width: 900px;
          margin: 20px auto;
          .input-with-select{
            height: 50px;
          }
          ::v-deep .el-input__inner{
            height: 50px;
          }
        }
        // 职位列表
        .job-list{
          width: 1200px;
          margin: 70px auto;
  
          ::v-deep .el-divider__text {
            font-size: 23px;
            background-color:rgb(247, 247, 247) ;
          }
  
          .job-title{
            width: 400px;
            margin: 0 auto;
            margin-bottom: 40px;
          }
  
          .job-tab{
            display: flex;
            justify-content:space-between;
            background-color: white;
            height: 50px;
            line-height: 50px;
            padding:0 20px 0 20px;
            color: rgb(168, 167, 167);
            font-size: 14px;
  
            .active{
              border-bottom: 3px solid #5dd5c8;
              color: #5dd5c8;
              font-weight: 600;
            }
          }
  
          .job-box{
            font-size: 14px;
            margin-top: 20px;
  
            &-item{
              background-color: white;
              margin-bottom: 10px;
              padding: 20px 20px 20px 20px;
              display: flex;
              justify-content: space-between;

                .job-left{
                    width: 50%;

                    .job-box-item-top{
                        display: flex;
                        justify-content: space-between;
                        margin-bottom: 10px;
                        padding-bottom: 13px;
                        border-bottom: 1px solid rgb(212, 212, 212);

                        .job-name{
                            color: rgb(247, 56, 56);
                            font-weight: 550;
                        }
                        .job-address{
                            font-weight: 550;
                        }
                        .job-pay{
                            color: rgb(168, 167, 167);
                        }
                    }

                    .job-box-item-bottom{
                        display: flex;
                        justify-content: space-between;

                        .company-type{
                          color: #68696b;
                        }
                    }
                }

                .job-right{
                    width: 50%;
                    display: flex;
                    justify-content: right;
                    align-items: center;

                    ::v-deep .el-button{
                      height: 35px;
                      width: 85px;
                      font-size: 13px;
                      display: flex;
                      justify-content: center;
  
                    }
                }
            }

            .null{
              color:#666;
              font-size:20px;
              text-align:center;
              height: 100px;
              line-height: 100px;
            }
          }
        }

        ::v-deep .el-pagination{
            width: 500px;
            margin: 30px auto;
        }
      }
      // 底部
      .home-footer{
        width: 100%;
        background-color: white;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
      }
    }